Fab Academy Website Documentation

This page explains the steps I followed to build and publish my Fab Academy personal website. The website was created using HTML and CSS and uploaded to FabCloud using Git. i ve developed my codes within Visual source code as editor , used chrome to preview my results , Gitlab for SSh connection of my local storage and Fabcloud repository.

Google chrome

Vs code

Gitlab

1. Creating the Website Structure

I started by creating an index.html file which serves as the homepage of my website. I used basic HTML tags such as headings, paragraphs, images, and links to organize my content.

<html>, <head>, <body>
<h1>, <h2>
<p>
<img>
<a>

2. Styling the Website with CSS

I used CSS inside the <style> tag to improve the appearance of the website. I customized background colors, text colors, fonts, and layout to make the website readable and attractive.

3. Adding Content and Images

For each assignment week, I added text explanations and screenshots using the image tag. This helped to document my learning process clearly.


<img src="images/week1.png" alt="Week 1 work">

4. Using Git for Version Control

I used Git in PowerShell to manage and upload my website files. The following commands were used:


cd D:\DEI

git status

git add .

git commit -m "Update website content"

5. Connecting to FabCloud Repository

I linked my local project folder to my Fab Academy FabCloud repository using a remote URL. This allowed me to upload my website online.


git remote add origin https://fabacademy.org/2026/labs/rwanda/students/francois-dei/

6. Uploading the Website

After committing my files, I pushed them to FabCloud using the following command:


git push origin master

7. Viewing and Updating the Website

I tested my website locally by opening the index.html file in a browser. Each time I made changes, I repeated the Git process (add, commit, and push) to update the online website.

8. Organizing Weekly Documentation

I created separate sections and pages for each weekly assignment and linked them from the homepage. This helped keep the documentation well structured and easy to navigate.

Conclusion

By using HTML, CSS, and Git, I successfully created and published my Fab Academy personal website. This website is used to document all my weekly assignments and learning progress.